
<html>
<head>
   <script>window.dataLayer = [];</script>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            '/static/web/js/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-MGKBKT5');</script>
    <!-- End Google Tag Manager -->

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement('script');
            hm.src = '/static/web/js/hm.js?8dfa8fb7ffbd0407c8562282198066a6';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>


    <title>港哥餐厅</title>

    <!-- Meta -->


    <meta charset="utf-8">
    <meta http-equiv="Content-Language" content="zh">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="星享俱乐部">
    <meta name="baidu-site-verification" content="u7Vir8pZFL">
    <link rel="canonical" href="/account/">

    <!-- Open graph -->
    <meta property="og:site_name" content="星巴克">
    <meta property="og:type" content="website">
    <meta property="og:title" content="星享俱乐部">
    <meta property="og:url" content="/account/">
    <meta property="og:description" content="星享俱乐部">
    <meta property="og:image" content="/static/web/img/mstile-310x150.png">

    <!-- Twitter card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="{&quot;username&quot;=>&quot;@starbucks&quot;}">
    <meta name="twitter:title" content="星享俱乐部">
    <meta name="twitter:description" content="星享俱乐部">
    <meta name="twitter:image" content="/static/web/img/mstile-310x150.png">

    <!-- WeChat sharing -->
    <script>
        var WECHAT_TITLE = '星巴克官网: 星享俱乐部';
        var WECHAT_DESC = '星享俱乐部';
        var WECHAT_IMAGE = '/static/web/img/wechat.png';
        var WCHAT_NO_GA = '';
    </script>


    <!-- Favicons -->
      {{js href="/static/web/js/analytics.js"}}
      {{js href="/static/web/js/jquery.min.js"}}
      {{js href="/static/web/js/polyfill.min.js"}}
      {{js href="/static/web/js/fastclick.js"}}
      {{js href="/static/web/js/scripts.js"}}
      {{js href="/static/web/js/tracker.js"}}
      {{js href="/static/web/js/common.bundle.js"}}
      {{js href="/static/web/js/pages.bundle.js"}}
      {{js href="/static/web/js/slick.min.js"}}
      {{js href="/static/web/js/home.js"}}
      {{js href="/static/web/js/jweixin-1.2.0.js"}}
      {{js href="/static/web/js/wechat.v201803141700.js"}}
      {{js href="/static/web/js/gtm.js"}}
      {{js href="/static/web/js/hm.js"}}
      <!-- css -->
      {{css href="/static/web/css/styles.css"}}
      {{css href="/static/web/css/tcaptcha_animation.css"}}
      

    <link rel="apple-touch-icon" sizes="180x180" href="/static/web/img/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="/static/web/img/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/static/web/img/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/static/web/js/manifest.json">
    <link rel="mask-icon" href="/static/web/img/safari-pinned-tab.svg" color="#ef233c">
    <link rel="shortcut icon" href="/static/web/img/favicon.ico">
    <meta name="msapplication-config" content="/assets/favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

  </head>

<body class="lang-zh page-account non-logged-in" ontouchstart="">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src='https://www.googletagmanager.com/ns.html?id=GTM-MGKBKT5'
                  height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<script>
    var isChrome = ((navigator.userAgent.toLowerCase().indexOf('chrome') > -1) && (navigator.vendor.toLowerCase().indexOf('google') > -1) || navigator.userAgent.match('CriOS'));
    if (isChrome) document.body.classList.add('chrome');
</script>

<div id="app-view-wrapper">
    <!-- Navigation panel -->
    <nav id="nav">
        <div class="container">
            <header class="header">
                <a class="logo" href="/">
                    <img src="/static/index/images/logo.png">
                </a>
                <div class="primary">
                    <ul>

                        <li class="stores">
                            <a id="stores-primary" href="/stores/">
                                门店
                            </a>
                        </li>

                        <li class="account">
                            <a id="account-primary" href="/account/" class="active"><span data-reactroot="" class="">我的帐户</span></a>
                        </li>

                        <li class="menu">
                            <a id="menu-primary" href="/menu/">
                                菜单
                            </a>
                        </li>

                    </ul>
                </div>

                <a class="icon trigger" rel="nav-overlay" id="nav-menu">
                    <img src="/static/web/img/icon-hamburger.svg">
                    <span>更多</span>
                </a>

            </header>

            <div class="body">
                <div id="react-account-navigation-bar" class="body">
                    <nav data-reactroot="" class="container middle secondary">
                        <div class="display-1">
                            <span>登录或创建一个新帐户 🌟</span>
                        </div>
                        <div class="tabs-wrapper">
                            <ul class="subcategories">
                                <li>
                                    <a class="active" href="{{:url('LoginController/index')}}">
                                        <span>登录</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="false" href="{{:url('RegisterController/index')}}">
                                        <span>注册</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="false" href="/account/my-starbucks-rewards">
                                        <span>关于星享俱乐部</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>

            </div>
        </div>


        <div class="overlay " id="nav-overlay">
            <div class="container">
                <header class="header">
                    <a class="logo" href="/">
                        <img src="/static/index/images/logo.png">
                    </a>
                    <button class="icon close">Close</button>
                </header>
                <section class="body">
                    <div class="container middle">
                        <ul>

                            <li>
                                <a id="stores-overlay" href="/stores/">
                                    门店
                                </a>
                            </li>


                            <li>
                                <a id="account-overlay" href="/account/my-starbucks-rewards/" class="active"><span data-reactroot="" class="">星享俱乐部</span></a>
                            </li>


                            <li>
                                <a id="menu-overlay" href="/menu/">
                                    菜单
                                </a>
                            </li>
                            <li><hr></li>

                            <li>
                                <a id="apps-overlay" href="/apps/">
                                    星巴克移动应用
                                </a>
                            </li>


                            <li>
                                <a id="svc-overlay" href="/starbucks-gift-card/">
                                    星礼卡
                                </a>
                            </li>


                            <li>
                                <a id="starbucks_reserve-overlay" href="/starbucks-reserve/">
                                    星巴克臻选™
                                </a>
                            </li>


                            <li>
                                <a id="coffeehouse-overlay" href="/coffee-blog" target="_blank">
                                    咖啡星讲堂
                                </a>
                            </li>


                            <li>
                                <a id="roastery-overlay" href="https://roastery.starbucks.com.cn/" target="_blank">
                                    上海烘焙工坊
                                </a>
                            </li>


                            <li>
                                <a id="about-overlay" href="/about/">
                                    关于星巴克
                                </a>
                            </li>


                            <li>
                                <a id="help-overlay" href="/help/">
                                    帮助中心
                                </a>
                            </li>


                            <li><hr></li>
                        </ul>
                        <footer class="account">
                            <div id="account-logout"><span data-reactroot=""><a id="menu-login" class="sign-in" href="/account/"><img src="/static/web/img/icon-account.svg"><span><span>登录</span></span></a><a id="menu-join" class="button small register" href="/account/register/"><span><span>注册</span></span></a></span></div>
                        </footer>
                    </div>
                </section>
                <footer class="footer">
                    <div class="container">





                        <a id="en-collapse" class="lang" href='javascript:void(window.location.pathname = "/en/account/")'>
                            English
                        </a>



                        |
                        <a id="privacy-collapse" href="/help/legal/privacy-policy">
                            隐私政策
                        </a>
                        |
                        <a id="terms-collapse" href="/help/legal/terms-of-starbucks-website/">
                            使用条款
                        </a>
                        <div class="legal">
                            <div class="license">
  <span>
    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402000318" target="_blank">
        <img width="10" height="10" src="/static/web/img/icpicon.png">&nbsp;沪公网安备 31010402000318号
    </a>
  </span> |
                                <a href="http://www.miibeian.gov.cn/" target="_blank">沪ICP备17003747号</a>
                            </div>
                            <!-- <div class='copyright'>© 2017 Starbucks Corporation.</div> -->

                        </div>
                    </div>
                </footer>
            </div>
        </div>

    </nav>


    <!-- Page content -->
    <section id="content">

        <div id="react-account-app"><div data-reactroot=""><div class="account_app"><div class="dashboard"><div><section class="hero account-welcome-msr"><div class="wrapper padded-t2"><div class="flex"><div class="flex2 padded-r2"><h1 class="display-2 margin-1"><span>星享俱乐部</span></h1><p class="light"><span>加入星享俱乐部，即可在星巴克门店消费时积星星，享好礼！每累积消费50元可获赠一颗星星。星星越多，会员等级越高，好礼越丰富！</span></p><a class="button" id="msr-learn-more" href="/account/my-starbucks-rewards"><span>查看详情</span></a></div><div class="flex1 image"><img src="/static/web/img/card-msr-unlogged.png"></div></div></div></section></div><section class="join-form submit-box"><div class="wrapper wrapper-mobile"><div class="login-form"><div class="form-field"><input type="hidden" value="version"><div class="field floating"><div class="ok"><input type="text" id="username" name="username" placeholder="用户名或者电子邮箱" value="" autocomplete="new-password"><label>用户名或者电子邮箱</label></div></div><div class="password-group-field"><div class="field floating"><div class="ok"><input type="password" name="password" placeholder="密码" value="" autocomplete="new-password"><label>密码</label></div></div><div class="toggle-password hide"></div></div></div><div class="field checkbox"><input type="checkbox" id="login-remember" value="on"><label for="login-remember"><span>下次自动登录</span></label></div><p><a id="sign-in-forgot-password" href="/account/forgot-password" class="link"><span>忘记密码？</span></a></p><div class="field captcha"><div class="item captchaWrapper"><!-- react-empty: 71 --><div style="width: 300px; height: 160px; margin: 0px auto; position: relative; z-index: 0;"><iframe frameborder="0" border="0" marginheight="0" marginwidth="0" scrolling="no" style="width: 300px; height: 152px; border: 0px; position: relative; left: 0px; top: 0px; z-index: 2000000002;" src="https://captcha.guard.qcloud.com/cap_union_new_show?aid=1253432169&amp;asig=2sOj6mTkapgx3orbADBLWeoiLl1m5H35yxK8jAIFYkI0KS107kURvyqcmWZh0XmLWhLk8tQjqugjH53rgXIz6_2IMdfkX8B9&amp;captype=&amp;protocol=https&amp;clientype=2&amp;disturblevel=&amp;apptype=&amp;curenv=open&amp;ua=TW96aWxsYS81LjAgKGlQaG9uZTsgQ1BVIGlQaG9uZSBPUyAxMV8wIGxpa2UgTWFjIE9TIFgpIEFwcGxlV2ViS2l0LzYwNC4xLjM4IChLSFRNTCwgbGlrZSBHZWNrbykgVmVyc2lvbi8xMS4wIE1vYmlsZS8xNUEzNzIgU2FmYXJpLzYwNC4x&amp;sess=vI-FO0TZ5AyQdUrUAYQkarJCuwawYmM_rPpIGLU_Q37Cp-AATIwPXqVXDzbkq0xuD141yJPsklH5ZinSHs4o4VF79ciYSzUEeAPjxFj3YuNbfst0RjuuSlHXQoD0UANAXQ54rtbQ8HF41ZTNLWeTzv9cEK6Qnr0B1WkIpH_ELki3TNd86oKs9gvg9nY38UeqywnBnVHvXME*&amp;theme=&amp;sid=6569115340993106593&amp;noBorder=noborder&amp;fb=1&amp;forcestyle=undefined&amp;subsid=2&amp;color=00A862&amp;showtype=embed&amp;uid=&amp;cap_cd=&amp;lang=2052&amp;rnd=879272&amp;TCapIframeLoadTime=31&amp;prehandleLoadTime=98&amp;createIframeStart=1529491353009"></iframe></div></div></div><div class="actions"><button class="button large" disabled=""><span>登录</span></button></div></div></div></section><section class="account-join"><div class="wrapper padded-t1"><div class="flex2 padded-r2"><h2 class="gold"><span>加入星享俱乐部</span></h2><p class="light"><span>只需几分钟，便可成功注册星享俱乐部帐户，成为“星”会员，立即开启集星之旅。</span></p></div><div class="flex1 creat-account"><a id="create-account" class="button" href="/account/register"><span>注册</span></a></div></div></section></div><div class="loading"></div><div></div><div></div><div class="dialog"><div class="dialog-scroller"><div class="dialog-container"><div class="dialog-box"><header class="header"><button class="icon close">×</button><h3></h3></header><div class="body center"></div><footer class="footer"></footer></div></div></div></div></div></div></div>
        <div id="app-notification"><div data-reactroot=""></div></div>
    </section>

    <div id="app-loading"><div data-reactroot="" class="loading"></div></div>
    <div id="app-auth"><span data-reactroot=""></span></div>


</div>
<!-- Navigation bottom mobile -->
<div class="primary-mobile">
    <ul class="flex justify-around logging-in-element">

        <li class="home" id="home-mobile">
            <a href="/app">
        <span class="icons">
          <img src="/static/web/img/icon-home.svg">
          <img src="/static/web/img/icon-home-active.svg" class="active">
        </span>
                <div id="home-mobile">主页</div>
            </a>
        </li>

        <li class="stores" id="stores-mobile">
            <a href="/stores/">
        <span class="icons">
          <img src="/static/web/img/icon-stores.svg">
          <img src="/static/web/img/icon-stores-active.svg" class="active">
        </span>
                <div id="stores-mobile">门店</div>
            </a>
        </li>

        <li class="account" id="account-mobile">
            <a href="/account/" class="active">
        <span class="icons">
          <img src="/static/web/img/icon-account.svg">
          <img src="/static/web/img/icon-account-active.svg" class="active">
        </span>
                <div id="account-mobile"><span data-reactroot="" class="">我的帐户</span></div>
            </a>
        </li>

        <li class="menu" id="menu-mobile">
            <a href="/menu/">
        <span class="icons">
          <img src="/static/web/img/icon-menu.svg">
          <img src="/static/web/img/icon-menu-active.svg" class="active">
        </span>
                <div id="menu-mobile">菜单</div>
            </a>
        </li>

        <li class="more" id="more-mobile">
            <a class="icon trigger" rel="nav-overlay">
        <span class="icons">
          <img src="/static/web/img/icon-more.svg">
          <img src="/static/web/img/icon-more-active.svg" class="active">
        </span>
                <div>更多</div>
            </a>
        </li>
    </ul>
</div>


<!-- Javascript -->
<!--[if lt IE 9]><script src='https://html5shim.googlecode.com/svn/trunk/html5.js'></script><![endif]-->
<script>
    var PAGE_LANG = 'zh';
    var PAGE_TITLE = '星享俱乐部';
    var PAGE_URL = '/account/';
    var SEARCH_EMPTY = '未找到结果';
    var SURVEY_URL = 'https://api.splashform.com/api';
</script>
</body>

</html>